@import "@/styles/variables.scss";
.login-container {
    /** 背景 */
    .bg {
        background: url("@/assets/images/login_bg.jpg");
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        // z-index: -10;
        zoom: 1;
    }
    /** 登录内容区 */
    .login-box {
        position: fixed;
        left: 49%;
        top: 45%;
        transform: translate(-50%, -50%);
        .login-title {
            font-size: 36px;
            color: $whiteColor;
            text-align: center;
        }
        /** 登录表单 */
        .login-form {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 22.5rem/* 360/16 */
            ;
            padding: 1.25rem/* 20/16 */
            1.25rem/* 20/16 */
            0;
            margin: 0 auto;
            background-color: $whiteColor;
            border-radius: 0.625rem/* 10/16 */
            ;
            box-shadow: 0px 0px 15px $shadowColor;
            overflow: hidden;
            .login-content {
                margin-bottom: 10vh;
                .title {
                    text-align: center;
                    color: $themeColor;
                    font-weight: 700;
                    font-size: 1.5rem/* 24/16 */
                    ;
                }
                .el-form-item {
                    border-radius: 5px;
                    margin: 15px 0 0 0;
                }
                .line-top {
                    width: 100%;
                    height: 1px;
                    border-top: 1px solid #888;
                }
            }
            .login-btn {
                width: 100%;
            }
        }
    }
}